
<script src="<?php echo base_url('skin/js/gadgetdetails.js'); ?>"></script>

<!--div class="tianggeheader"><img src="<?php //echo base_url('skin/images/globelogo.png'); ?>" width="107" height="40" alt=""/></div-->

<div class="top20marg userprofilepage" id="phoneGallery">
    
    <div class="galleryRight"></div>
    	
    	<div class="wizard">
            <a class="current" href="<?php echo site_url('gadgetdetails'); ?>">
            <span class="wiz1"></span>
                 <p>Gadget details</p>
            </a>
            <a class="" href="<?php  echo site_url('promo'); ?>">
             <span class="wiz2"></span>
                 <p>Choose your promo</p>
            </a>
            <a class="" href="<?php  echo site_url('prepaid'); ?>">
             <span class="wiz3"></span>
                 <p class="abs">Enter your <br>mobile number</p>
            </a>
            <a class="" href="<?php  echo site_url('userprofile'); ?>">
             <span class="wiz42"></span>
                 <p class="absd">Complete<br>your profile</p>
            </a>
        </div>
    
    
    <div class="mobileHeader">
            <h5 class="hidden textBlue">Select your device</h5>
            <h5 class="hidden textBlue">Choose your promo</h5>
            <h5 class="hidden textBlue">Input your mobile number</h5>
            <h5 class="textBlue">Gadget Details</h5>
            <h5 class="hidden textBlue">Select your preferred Globe Store branch for handset pickup</h5>
    </div>
    
    <div class="clear"></div>
    
    
    <div class="width960c">
    
    	<div class="deviceInfosIns marg40 floatLeft">
			<div class="deviceBox">
				<p><b>Gadget:</b></p><p>
				</p><p id="gadget">None</p>
			</div>
                 
			<div class="promoBox">
				<p><b>Promo:</b></p><p>
				</p><p id="promo">None</p>
			</div>
                        
			<div class="commitmentBox">
				<p><b>Registration Period <br> and Cash Back:</b></p><p>
				</p><p id="commitmentBox">None</p>
			</div>
                        
			<div class="prepaidBox">
				<p><b>Mobile Number:</b></p><p>
				</p><p id="mobtel">None</p>
			</div>
                        
			<div class="profileBox">
				<p><b>Profile:</b></p><p>
				</p><p>None</p>
				<p id="pname" style="display:none"><span id="name"></span></p>
				<p id="pemail" style="display:none">Email Address:<br><span id="email"></span></p>
				<p id="pdob" style="display:none">Date of Birth:<br><span id="dob"></span></p>
				<p id="padd" style="display:none">Home Address:<br><span id="add"></span>
				</p></div>
			</div>
            
            
            <div class="floatLeft boxRight" id="tianggepgal">
            
            	<div class="marg20Left">
                	<p id="top" class="header30 marg20">Gadget details</p>
                    
                    <p class="text16 floatLeft marg0">Please provide the following:	</p>
                    <p class="floatRight text16 marg0 redText">* Required fields</p>
                    
                    
                    <div class="clear"></div>
                    <?php if(isset($_COOKIE['tiangge_mode'])): ?>
					<?php if($_COOKIE['tiangge_mode']=="edit"): ?>
					<form id="gadgetdetails" class="marg40" method="post" action="<?php echo base_url('index.php/summary'); ?>">
					<?php else: ?>
					<form id="gadgetdetails" class="marg40" method="post" action="<?php echo base_url('index.php/promo'); ?>">
					<?php endif;?>
					<?php else: ?>
					<form id="gadgetdetails" class="marg40" method="post" action="<?php echo base_url('index.php/promo'); ?>">
					<?php endif;?>
										 					 
                        <div id="IMEI-inner" class="floatLeft width215 marg10Right margbot10yv">
							<label class="text14">IMEI<span class="redText">*</span></label>
							<input type="text" autocomplete="off" class="inputText width185 marg10Top" name="imei" id="imei">
							<div id="imeiError" class="errorBox">Must be 15 digits.</div>
                        </div>
						
                        <div id="handset-inner" class="floatLeft width215 marg10Right margbot10yv">
							<label class="text14">Handset Model<span class="redText">*</span></label>
							<input type="text" autocomplete="off" class="inputText width185 marg10Top" name="model" id="model" maxlength="26">
							<div id="modelError" class="errorBox">Minimum of 2 and maximum of 25 characters (alphanumeric).</div>
                        </div>
						<!--
                        <div id="price-inner" class="floatLeft width215 margbot10yv">
							<label class="text14">Handset Price<span class="redText">*</span></label>
							<select type="text" class="width215 marg10Top" name="price" id="price" value="<?php if(isset($_COOKIE['tiangge_price'])) echo $_COOKIE['tiangge_price']; ?>">
								<option value="">Select Range</option>
								<?php if (is_array($price_ranges)) foreach ($price_ranges as $price_range): ?>
								<option value="<?php echo $price_range->min?>"><?php echo $price_range->min .' - '. $price_range->max; ?></option>
								<?php endforeach; ?>
							</select>
                        </div> -->
						
						<div id="price-inner" class="floatLeft width215 margbot10yv">
							<label class="text14">Handset Price<span class="redText">*</span></label>
							<input type="text" autocomplete="off" class="inputText width185 marg10Top" name="price" id="price" placeholder="2,700.00">
							<div id="priceError" class="errorBox">Enter valid amount.</div>
                        </div>
                         						
                        <div id="ornumber-inner" class="width215 marg10Top margbot10yv">
							<label class="text14">O.R. Number<span class="redText">*</span></label>
							<input type="text" autocomplete="off" class="inputText width185 marg10Top" name="ORNumber" id="ORNumber">
							<div id="ornumberError" class="errorBox">Minimum of 3 characters (alphanumeric).</div>
                        </div>
                        <span class="clear"></span>
						<span class="clear"></span>
                        <a class="buttonBlue floatRight marg20Top" id="btn_next" href="#."><span id="btn_next2">Next</span></a>					 
						</form>
				</div>
				<span class="clear"></span> 
            </div>
                
               
    </div>
	
	<!---BOX RIGHT END---> 
            
    <div class="clear"></div>
            
</div>